<script type="text/javascript">
    function fnCambioSede(sedeId){
        $.ajax({
            type:'POST',
            url: "index.php?r=repmonitoreo/extraFacultad/",
            async: false,
            data:{sede:sedeId},
            success: function(result) {
                $("#facultades").html('');
                $("#programa").html('');
                if (result != "") $("#facultades").append(result);
                $("#facultades").trigger("liszt:updated");
            },
            beforeSend: function() {
                $(".upprogress").show();
            },
            error: function(result) {
                Alert_Ui("Error ", result.status + ' ' + result.statusText);
            }
        });
        $(".upprogress").hide();
    } //fin function fnCambioSede(sedeId){
    function fnCambioFacultad(sedeId,facultadId){
        $.ajax({
            type:'POST',
            url: "index.php?r=repmonitoreo/extraPrograma/",
            async: false,
            data:{sede:sedeId,facultad:facultadId},
            success: function(result) {
                $("#programa").html('');
                if (result != "") $("#programa").append(result);
                $("#programa").trigger("liszt:updated");
            },
            beforeSend: function() {
                $(".upprogress").show();
            },
            error: function(result) {
                Alert_Ui("Error ", result.status + ' ' + result.statusText);
            }
        });
        $(".upprogress").hide();
    } //fin function fnCambioFacultad(sedeId,facultadId){
    function fnConsultar(){
        $("#divTablaConsulta").load("index.php?r=repmonitoreo/generaReporte/",$("#frReporte").serialize(),function(){});
    } //fin function fnConsultar(){
    function fnExportar(anchor){
        anchor.href = "index.php?r=repmonitoreo/exporta&" + $("#frReporte").serialize();
    } //fin function fnExportar(event){
</script>
<style type="text/css">
    .tbReporte{
        margin-top: 10px;
    }
    .tbReporte thead{
        background-color: #CCDDF0;
        font-weight: bolder;
        color: darkblue;
    }
    .tbReporte tbody tr:nth-child(even){
        background-color: #EAEAEA;
    }
</style>
<div id="divTitulo" style="font-size: 16px;font-weight: bolder" >REPORTE MONITOREO ENCUESTADOS</div>
<form id="frReporte" target="prueba" >
    <div class="row">
        <label for="sedes" >Sedes</label>
        <select id="sedes" name="sedes" class="Ccombo" style="width: 120px" onchange="fnCambioSede(this.value);" >
            <option value="">Seleccione</option>
            <option value="sialet">Amazonia</option>
            <option value="siabta">Bogotá</option>
            <option value="siacar">Caribe</option>
            <option value="siaman">Manizales</option>
            <option value="siamed">Medellín</option>
            <option value="siaori">Orinoquia</option>
            <option value="siapal">Palmira</option>
        </select>
        <label for="facultades">Facultades</label>
        <select id="facultades" name="facultades" class="Ccombo" onchange="fnCambioFacultad(document.getElementById('sedes').value,this.value)">
            <option value="">Seleccione</option>
        </select>
        <label for="programa">Programas</label>
        <select id="programa" name="programa" class="Ccombo">
            <option value="">Seleccione</option>
        </select>
    </div>
    <div class="row" style="margin-top: 9px">
        <label for="estEncuesta">Estado encuesta</label>
        <select id="estEncuesta" name="estEncuesta" >
            <option value="">Elija</option>
            <option value="Parcial">Parcial</option>
            <option value="Terminada">Terminada</option>
        </select>
        <button id="btnConsultar" onclick="fnConsultar();" class="add_input" >Consultar</button>
        <span style="display: block"><a id="anExportar" onclick="fnExportar(this);" href="#"  target="_new">Exportar a archivo plano</a></span>
    </div>
</form>
<iframe id="prueba" name="prueba" style="display: none" ></iframe>
<div class="upprogress">
    <img alt="Cargando..." src="images/loading.gif" />
</div>
<div id="divTablaConsulta">


</div>